const registerBtn = document.querySelector('#btn-register')
registerBtn.addEventListener('click', async function (e) {
    e.preventDefault()
    // 1.收集表单数据
    const form = document.querySelector('form')
    const { username, password } = serialize(form, { hash: true, empty: true })
    // 2.校验表单数据
    // 2.1非空校验
    if (username.trim().length === 0 || password.trim().length === 0) {
        return showToast('用户名或密码不能为空')
    }
    // 2.2长度校验
    if (username.trim().length < 8 || username.trim().length > 30 || password.trim().length < 6 || password.trim().length > 30) {
        return showToast('用户名为8-30位，密码为6-30位')
    }
    // 3.调接口发后台
    // axios({
    //     // 3.1请求地址
    //     url: '/register',
    //     // 3.2请求方法
    //     method: 'POST',
    //     // 3.3请求参数
    //     data: { username, password }
    // }).then(res=>{
    //     console.log(res.data.message);
    //     showToast(res.data.message)
    // }).catch(err=>{
    //     console.log(err.response.data.message);
    //     showToast(err.response.data.message)
    // })
    try {
        const res = await axios.post('/register', { username, password })
        // 4.提示用户
        showToast(res.message)
        // 跳转登录页
        setTimeout(() => {
            location.href = './login.html'
        }, 1000)
    } catch (err) {
        // 4.提示用户
        showToast(err.response.data.message)
    }
})
